@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Shingeki%20no%20Kyojin/Rotate.css); 
@font-face {
	font-family: 'Encient German Gothic';
	src: url(https://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Fonts/Germgoth.woff) format('woff');
}

#list_surround table:first-of-type {
	position: fixed !important;
	top: -8px;
	right: 0; 
	width: auto;
}

.status_not_selected, .status_selected { 
	position: relative !important;  
	display: block !important;
	width: 280px !important;
}

.status_not_selected a, .status_selected a { 
	position: absolute;
	display: inline-block;
	height: 74px;
	left: -12px;
	color: transparent;
	font-size: 0;
}

.status_not_selected a:after, .status_selected a:after {
	opacity: 0;
	display: inline-block; 
	content: '';
	width: 282px;
	height: 74px;
	padding-left: 40px;
	line-height: 74px;
	color: #FFFFFF;
	font-family: 'Encient German Gothic';
	font-size: 38px;
	text-align: left;
	border-radius: 8px 0 0 8px;
	background-image: url(http://i.imgur.com/FeghYXt.png);
	background-repeat: no-repeat;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
}

/* Currently watching */
.status_not_selected a[href*="status=1"]:after, .status_selected a[href*="status=1"]:after { content: 'Training'; background-position: 0 0; }
.status_not_selected a[href*="status=1"]:before, .status_selected a[href*="status=1"]:before { background-color: rgba(123, 53, 89, 1); }

/* Completed */
.status_not_selected a[href*="status=2"]:after, .status_selected a[href*="status=2"]:after { content: 'Slashed'; background-position: 0 -75px; }
.status_not_selected a[href*="status=2"], .status_selected a[href*="status=2"] { margin-top: 54px; }
.status_not_selected a[href*="status=2"]:before, .status_selected a[href*="status=2"]:before { background-color: rgba(24, 100, 98, 1); }
  
/* On hold */
.status_not_selected  a[href*="status=3"]:after, .status_selected a[href*="status=3"]:after { content: 'Ambush'; background-position: 0 0; }
.status_not_selected  a[href*="status=3"], .status_selected a[href*="status=3"] { margin-top: 108px; }
.status_not_selected a[href*="status=3"]:before, .status_selected a[href*="status=3"]:before { background-color: rgba(123, 53, 89, 1); }

/* Dropped */
.status_not_selected a[href*="status=4"]:after, .status_selected a[href*="status=4"]:after { content: 'Ignored'; background-position: 0 -75px; }
.status_not_selected a[href*="status=4"], .status_selected a[href*="status=4"] { margin-top: 162px; }
.status_not_selected a[href*="status=4"]:before, .status_selected a[href*="status=4"]:before { background-color: rgba(24, 100, 98, 1); }
  
/* Planned */
.status_not_selected  a[href*="status=6"]:after, .status_selected a[href*="status=6"]:after { content: 'Identify'; background-position: 0 0; }
.status_not_selected  a[href*="status=6"], .status_selected a[href*="status=6"] { margin-top: 216px; }
.status_not_selected a[href*="status=6"]:before, .status_selected a[href*="status=6"]:before { background-color: rgba(123, 53, 89, 1); }
  
/* All */
.status_not_selected  a[href*="status=7"], .status_selected a[href*="status=7"] { display: none; }

.status_not_selected a:hover:after, .status_selected a:after { opacity: 1; }

.status_not_selected a:before, .status_selected a:before { 
	pointer-events: none;
	opacity: 1;
	position: absolute;
	display: inline-block;
	content: '';
	margin-left: 282px;
	margin-top: 33px;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px #000000, 0 0 8px #000000;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
}

.status_not_selected a:hover:before, .status_selected a:before { opacity: 0; }